<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>DoitCSS V2.3 演示实例</title>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="DoitCSS V1.0">
	<meta name="description" content="DoitCSS是根据bootstap改编的CSS框架">
	<!--基础-->
	<link href="../css/base.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--文字排版-->
	<link href="../css/typography.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--表格-->
	<link href="../css/tables.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--表单按钮-->
	<link href="../css/form-buttons.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--架构-->
	<link href="../css/layouts.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--元件-->
	<link href="../css/elements.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--图标-->
	<link href="../css/icons.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--菜单-->
	<link href="../css/navigation.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--分页-->
	<link href="../css/pagination.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--清除浮动-->
	<link href="../css/clear.css?ver=v2.3" rel="stylesheet" type="text/css">
	<style type="text/css">
	.label-note {
		width:90px;
		margin-right:15px;
		text-align:right;
		color:#555;
	}
	</style>
</head>

<body>
<div class="container">
	<fieldset>
		<legend>注册</legend>		
		<form name="userinfo-form" method="post" action="#" class="form-control">
			<label class="label-note">标题：</label><input name="user-title" type="text" class="input"><br>
			<label class="label-note">用户名：</label><input name="user-name" type="text" class="input-sm" placeholder="请输入用户名"><br>
			
			<label class="label-note">密 码：</label><input name="user-name" type="password" class="input"><br>
			<label class="label-note">性 别：</label><input name="agant" type="radio" value="1">男 <input name="agant" type="radio" value="0">女<br>
			<label class="label-note">生日：</label><select name="birth-year"><option value="1993">1993</option><option value="1990" selected>1990</option><option value="1995">1995</option></select><br>
			<label class="label-note">课程：</label>
			<label><input name="kecheng" type="checkbox" value="yw"> 语文</label>
			<label><input name="kecheng" type="checkbox" value="sx"> 数学</label><br>
			<label class="label-note">简介：</label><textarea name="content">自由、民主、均富</textarea><br>
			<label class="label-note"> </label><input type="submit" name="sbtn" value="提交" class="btn btn-blue mt20 mb30">
		</form>
	</fieldset>
</div>
</body>
</html>